<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/vip.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/footer.css">

</head>
<body>
    <body>
        <header class="container navbar-fixed-top">
        <nav class="navbar navbar-default m_bg">
            <div class="container-fluid">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <!-- <span class="sr-only">Toggle navigation</span> -->
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <a href="" class="navbar-brand ">
                 <img class="m_logo" src="./images/logo.png" alt="">
                <h3>-  音乐</h3>
                </a>
              </div>
          
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                  <li><a class="m_acor" href="./index.html">首页</a></li>
                  <li><a href="./mymusic.html">我的音乐</a></li>
    
                  <li><a href="./vip.html">VIP</a></li>
    
                  <li><a href="#"><i class="glyphicon glyphicon-search"></i></a></li>
    
                  <li><a href="#">登陆 | 注册</a></li>
                
                </ul>
              </div>
            </div>
          </nav>
        </header>

        <div class="container">
          <div class="row m_vipbanner">
              <div class="m_box">
                    <h3>M钻豪华版</h3>
                    <p>音乐，更流畅</p>
                <span class="center-block">立即开通</span>
              </div>
              

          </div>
          <div class="container m_conbg">
            <div class="row m_vipbanner2">
                <div class="m_box2 center-block">
                    <h3>爱豆，就在一起</h3>
                    <p>这里有定制的大咖主题，明星亲笔制作属于你的「歌词海报」，最前沿的艺人活动资讯及偶像亲密接触。音乐之旅，一路有爱豆陪伴身边。</p>
                </div>
            </div>
        </div>
        <div class="container  " id="m_conbg1111">
            <div class="row m_vipbanner3">
                <img class="m_jb1" src="./images/vip_22.png" alt="">
                <img class="m_jb2" src="./images/vip_33.png" alt="">
            </div>
        </div>
        <div class="m_box3">
        
            <h3>音乐，不将就</h3>
            <p>对音乐的追求，从这里开始。付费歌曲畅享无阻，HQ高品质许你完美沉浸的听觉盛宴，SQ无损极致保留音乐的原生态，让耳朵捕捉音源现场的震撼。</p>
        </div>
        <div class="container m_conbg">
            <div class="row m_vipbanner4">
                <div class="m_box4">
                    <img class="m_jb3" src="./images/vip_33.png" alt="">
                </div>
            </div>
        </div>
        <footer>
            <div class="container m_content">
                <div class="row">
                    <div class="row">
                        <div class="col-md-4 col-sm-12">
                                 <span class="">四川知了科技有限公司</span>                           
                                 
                                         
                                    <div class="m_cont">
                                       <div><a href="#">&#xe8c4;</a><span>pc版</span></div>
                                       <div><a href="#">&#xe64d;</a><span>安卓版</span></div>
                                       <div><a href="#">&#xe63d;</a><span>苹果版</span></div>
                                       
                                </div>
                        </div>
                        <div class="col-md-4 col-sm-12">
                            <span>协议与声明</span>
                               <div class="m_agreement">
                                    <span>用户与服务协议</span>
                                    <span>免责声明</span>
                                    <span>隐私政策</span>
                                    <span>权利声明</span>  
                               </div>
                        </div>
                        <div class="col-md-4 col-sm-12">
                            <span>其他</span>
                            <div class="m_more">
                                 <span>联系我们</span>
                                 <span>腾讯音乐</span>
                                 <span>诚聘英才</span>
                                 <span>广告服务</span>
                                 <span>网上有害信息举报专所</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12">
                          <div>
                              <span>
                                四川知了科技有限公司所有1网络文化经营许可证:京网文[2015]0525-205号1 信 息网络传播视听节目许可证0109362号1增值电信业务经营许可证B2 -20090418 I京ICP证
                                <br>060261号                            
                              </span>
                              <span>广播电视节目制作经营许可证京字第2037号|营 业性演出许可证京市演15741京公网安备 11010502030216号1京CP备09014827号
                            </span>
                              <span>举报电话: 010-879399491举报邮箱 : support@kuwo.cn
                            </span>
                              
                          </div>
                    </div>
    
                </div>
            </div>
        </footer>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

</html>